.a_max_text { display: inline-block; width: 90%; max-width: 468px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

html { overflow-x: auto; }
* { outline: 0 }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; }
input, button { margin: 0; font-size: 12px; vertical-align: middle; outline: 0; padding: 0; margin: 0; }
body { font-size: 12px; font-family: "微软雅黑"; color: #333; margin: 0 auto; background-color: #FFF; padding: 0; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; color: #bc915a; }
.fl { float: left; }
.fr { float: right; }
.m { width: 1200px; margin: 0 auto; }
.pt40 { padding-top: 40px; }
.mt20 { margin-top: 20px; }
.h30 { width: 100%; height: 30px; clear: both; }
.menu-wrap { display: none; }
.m_btn { display: none; }

@media screen and (max-width: 1024px) {
    .m { width: auto; clear: both; }
}

.i { background: url(../images/bg.png) 0 0 no-repeat; display: inline-block; }
.top_box { height: 200px; width: 100%; background: url(../images/head_bg.jpg) center repeat-y; }
.logo { width: 520px; margin-top: 25px; }
.wrap { position: relative; }
.header { height: 200px; }
.header .nav_bar { width: 500px; }
.header .nav { float: left; margin-top: 45px; }
.nav li { float: left; margin: 0 0 25px 0; text-align: right; }
.nav li a { display: inline-block; text-align: center; color: #FFF; line-height: 40px; font-size: 18px; border-bottom: 2px solid transparent; }
.nav .m:hover, .nav li a.curr, .nav li a:hover { color: #fff; border-bottom: 2px solid #fff; }
.nav .m { position: relative; float: left; height: 100px; z-index: 10; }
.nav h3 { float: left; overflow: hidden; width: 100px; }
.nav h3 a { }
.head_share { position: absolute; float: right; right: 0; top: 10px; }
.head_share a { margin: 0 0 0 10px; }
.other { line-height: 100px; }
.other a { color: #FFF; }
.other a:hover { text-decoration: underline; }
.banenr_m { width: 100%; overflow: hidden; position: relative; }
.banenr_m img { width: 100%; }
.banenr_m ul li { width: 100%; position: relative; }
.banenr_m > ol { position: relative; margin: 0 auto; z-index: 10; width: auto; bottom: 10px; margin-top: -40px; text-align: right; }
.banenr_m > ol > li { display: inline-block; margin: 5px; width: 32px; height: 32px; background: url(../images/b_off.png) no-repeat; }
.banenr_m > ol > li.on { width: 32px; height: 32px; background: url(../images/b_on.png) no-repeat !important; background-size: 100%; border: none !important; }

@media screen and (max-width: 1024px) {
    .top_box { height: 80px; position: fixed; z-index: 1000; top: 0px; }
    .header { height: 80px; }
    .logo { width: 180px; margin: 14px 0 0 5px; }
    .logo img { width: 180px; }
    .header .nav_bar { display: none; }
    .other { line-height: 80px; }
    .m_btn { display: block; }
    .show-menu .menu-wrap { display: block; }
    .banenr_m { padding-top: 80px; }
    .banenr_m > ol { position: relative; margin: 0 auto; z-index: 10; width: 80%; bottom: 5px; margin-top: -40px; text-align: center; }
    .banenr_m > ol > li { display: inline-block; margin: 5px; width: 25px; height: 25px; background: url(../images/b_off.png) no-repeat; background-size: 100%; }
    .banenr_m > ol > li.on { width: 25px; height: 25px; background: url(../images/b_on.png) no-repeat; background-size: 100%; }

    #matrix { display: none; }
}

.title_box { text-align: center; border-bottom: 1px solid #b2aba2; clear: both; }
.title_box .h1 { font-size: 36px; font-weight: bold; color: #bc8743; }
.title_box .h2 { font-size: 17px; color: #333; text-transform: uppercase; line-height: 50px; }
.title_box_bai { text-align: center; border-bottom: 1px solid #d7ba96; clear: both; }
.title_box_bai .h1 { font-size: 36px; font-weight: bold; color: #fff; }
.title_box_bai .h2 { font-size: 17px; color: #e6d6c4; text-transform: uppercase; line-height: 50px; }
.title_box .title_line, .title_box_bai .title_line { background: url(../images/title_line.png) no-repeat; width: 100px; height: 22px; margin: 0 auto; position: relative; top: 12px; }
.title_box_bai .title_line { background: url(../images/title_line_bai.png) no-repeat; }

/*首页*/
.one_box { background: #fff5e9 url(../images/one_bg.jpg) top center no-repeat; display: block; width: 100%; min-height: 1000px; }
.banner_box { height: 550px; background: #fff5e9 url(../images/bannerkk.jpg) top center no-repeat; padding-top: 48px; height: 700px; min-height: 700px; display: none; min-width: 1000px; }
/*首页-典藏*/
.one_box .i_pic_left .i_dc_item ul li a .jqthumb { width: 380px; height: 300px; }
.one_box .i_pic_left .i_dc_item ul li a .jqthumb .jqthumb-pic { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
/*首页-服务*/
.one_box .i_service_right { position: relative; }
.one_box .i_service_right .i_service_item { height: 615px; overflow-y: auto; }
.one_box .i_service_right .i_service_item::-webkit-scrollbar { width: 4px; height: 4px; background: #ebebeb; border-radius: 4px; }
.one_box .i_service_right .i_service_item i_service_con { height: 515px; }
.one_box .i_service_right .i_service_item .i_submit_box { width: 100%; text-align: center; background-image: inherit; background-position: 100% 98%; position: absolute; bottom: 0px; padding: 10px 0; }
/*首页-展览*/
.one_box .exh_box ul li a .jqthumb { width: 390px; height: 300px; }
.one_box .exh_box ul li a .jqthumb .jqthumb-pic { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }


.i_search { width: 900px; height: 50px; margin: 0 auto; padding: 40px 0; }
.i_search .i_input_box { display: block; float: left; }
.i_search .i_input_box .i_input { padding: 0 5px 0 45px; height: 48px; background: #fff url(../images/i_search.png) 10px center no-repeat; line-height: 48px; width: 745px; border: 1px solid #e2e2e2; font-size: 16px; }
.i_search .i_submit_box .i_submit { border: 0; width: 100px; height: 50px; background-color: #bc8743; font-size: 18px; color: #fff; outline: 0; cursor: pointer; }

@media screen and (max-width: 1024px) {
    /*首页-典藏*/
    .one_box .i_pic_left .i_dc_item ul li a .jqthumb { width: 100%; }
    /*首页-展览*/
    .one_box .exh_box ul li a .jqthumb { width: 100%; }

    .i_search { width: 100%; height: auto; text-align: center; }
    .i_search .i_input_box { display: inline-block; float: none; }
    .i_search .i_input_box .i_input { width: 100%; }
    .i_search .i_submit_box { display: inline-block; }
    .i_search .i_submit_box .i_submit { height: 48px; width: 80px; }
}

.exh_box { margin: 30px 0 50px 0; display: inline-block; width: 100%; display:flex; justify-content:center; flex-wrap:wrap;}
.exh_box .exh_left { margin: 0 5px; }
.exh_box .exh_left ul li { position: relative; }
.exh_box .exh_left ul li:first-child { margin-bottom: 5px; }
.exh_box .exh_left ul li img { width: 350px; height: 235px; }
.exh_box .exh_center { float: left; }
.exh_box .exh_center ul li { position: relative; }
.exh_box .exh_center ul li img { width: 480px; height: 480px; }
.exh_box .exh_center ul li .exh_jia { width: 80px; height: 80px; position: absolute; top: 35%; left: 42%; }
.exh_box .exh_center ul li .exh_jia img { width: 80px; height: 80px; }
.exh_box .exh_right { float: right; margin-left: 10px; }
.exh_box .exh_right ul li { position: relative; }
.exh_box .exh_right ul li:first-child { margin-bottom: 5px; }
.exh_box .exh_right ul li img { width: 350px; height: 235px; }
.exh_title { position: absolute; left: 0; bottom: 0px; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.5); width: 95%; padding: 0 10px; }
.exh_title p { color: #fff; font-size: 16px; float: left; }
.exh_title span { color: #fff; font-size: 16px; float: right; }
.exh_center .exh_title { width: 460px; height: 50px; line-height: 50px; }

@media screen and (max-width: 1024px) {
    .exh_box { text-align: center; margin: 30px auto; }
    .exh_box .exh_left { float: none; margin-right: 0; }
    .exh_box .exh_left ul li { padding: 10px 10px 0 10px; }
    .exh_box .exh_left ul li:first-child { margin-bottom: 0; }
    .exh_box .exh_left ul li img { width: 100%; height: auto; }
    .exh_box .exh_center { float: none; padding: 10px; }
    .exh_box .exh_center ul li img { width: 100%; height: auto; }
    .exh_box .exh_right { float: none; margin-left: 0; }
    .exh_box .exh_right ul li { padding: 10px 10px 0 10px; }
    .exh_box .exh_right ul li:first-child { margin-bottom: 0; }
    .exh_box .exh_right ul li img { width: 100%; height: auto; }
    .exh_title { left: 10px; right: 10px; bottom: 5px; width: auto; }
    .exh_center .exh_title { width: 100%; height: 50px; line-height: 50px; left: 0; bottom: 3px; }
}

.video_box { margin: 30px 0 50px 0; display: inline-block; width: 100%; }
.video_box ul li { float: left; width: 580px; height: 320px; position: relative; }
.video_box ul li:nth-of-type(2n) { float: right; }
.video_box ul li img { width: 580px; height: 320px; }
.video_box ul li span { width: 48px; height: 48px; position: absolute; top: 42%; left: 47%; }
.video_box ul li span img { width: 48px; height: 48px; }

.two_box { background: #c39a64 url(../images/two_bg.jpg) bottom center no-repeat; display: block; width: 100%; min-height: 900px; }
.two_box .view_box { height: 680px; margin-top: 40px; }
.two_box .view_box  .img_box { width: 100%;height: 100%;margin: 0px;padding: 0px;background:#000; filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6 }
.two_box .view_box  .view_img { display: block;position: relative;width: 100px;height: 100px;display: block; position: relative; width: 100px;height: 100px;top: -50%;left: 50%; margin-top: -50px; margin-left: -50px;cursor: pointer; }

@media screen and (max-width: 1024px) {
    .two_box { min-height: auto; padding-bottom: 20px; }
    .video_box { margin: 30px 0; }
    .video_box ul li { float: none; width: auto; height: auto; position: relative; padding: 10px 10px 0 10px; }
    .video_box ul li:nth-of-type(2n) { float: none; }
    .video_box ul li img { width: 100%; height: auto; }
    .video_box ul li span { left: 45%; }
    .view_box { padding: 10px; }
    .view_box img { width: 100%; }
}

.i_news_left, .i_gk_left { float: left; width: 375px; margin-right: 37px; margin-bottom: 20px; }
.i_news_right, .i_service_right { float: right; width: 375px; }
.i_news_center { float: left; width: 375px; }
.i_title { border-bottom: 2px solid #999; height: 78px; line-height: 78px; position: relative; }
.i_title .i_line { border-bottom: 2px solid #bc8743; position: absolute; bottom: -2px; width: 125px; }
.i_title .i_text { display: inline-block; float: left; }
.i_title .i_text img { position: relative; top: -7px; }
.i_title .i_more { float: right; margin-top: 30px; }
.i_title .i_text p { font-size: 36px; font-weight: bold; color: #bc8743; display: inline-block; margin: 0 10px; }
.i_title .i_text span { font-size: 17px; color: #333; text-transform: uppercase; line-height: 50px; }
.i_news_item { }
.i_news_item ul li { background: url(../images/dian.png) left center no-repeat; line-height: 58px; height: 58px; border-bottom: 1px dashed #e2e2e2; }
.i_news_item ul li a { display: inline-block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; font-size: 18px; color: #333; }
.i_news_item ul li a:hover { color: #bc8743; }
.i_news_item ul li em { float: right; font-style: normal; font-size: 18px; color: #bc8743; }
.i_pic_left { float: left; width: 788px; margin-right: 37px; }
.i_gk_right { float: right; width: 788px; }

.i_dc_item { margin-top: 20px; }
.i_dc_item * { overflow:hidden; }
.i_dc_item ul li { position: relative; float: left; margin-bottom: 20px; height: 300px; }
.i_dc_item ul li:nth-of-type(2n) { float: right; }
.i_dc_item ul li img { width: 380px; height: 300px; }
.dc_title { position: absolute; bottom: 4px; height: 80px; left: 0; background-color: rgba(0,0,0,0.5); font-size: 18px; font-weight: bold; color: #fff; padding: 0 10px; width: 100%; height: 60px; bottom: 0px; }
.dc_title span { font-size: 14px; font-weight: normal; display: block; padding-top: 15px; }

.i_service_item { margin-top: 20px; background: #c39355 url(../images/i_service.jpg) top right no-repeat; width: 375px; height: 625px; }
.i_service_item .i_service_con { padding: 30px 30px 0 30px; }
.i_service_item .i_service_con h2 { font-size: 24px; line-height: 50px; font-weight: bold; color: #fff; }
.i_service_item .i_service_con span { font-size: 17px; color: #fff; line-height: 24px; }

.i_gk_item { margin-top: 20px; background: #c39355 url(../images/gk_bg.png) center right no-repeat; width: 786px; height: 340px; }
.i_gk_item .i_gk_con { padding: 30px; }
.i_gk_item .i_gk_con h2 { font-size: 24px; line-height: 50px; margin-bottom: 10px; font-weight: bold; color: #fff; }
.i_gk_item .i_gk_con p { font-size: 16px; color: #fff; line-height: 28px; }

@media screen and (max-width: 1024px) {
    .three_box { padding: 0 10px; }
    .i_news_left, .i_gk_left { float: none; width: auto; margin-right: 0; margin-bottom: 0; }
    .i_news_center { float: none; width: auto; }
    .i_news_item ul li a { width: 70%; }
    .i_pic_left { float: none; width: auto; margin-right: 0; }
    .i_news_right, .i_service_right { float: none; width: auto; }
    .i_dc_item ul li { float: none; margin-bottom: 10px; }
    .i_dc_item ul li:nth-of-type(2n) { float: none; }
    .i_dc_item ul li img { width: 100%; height: auto; }
    .dc_title { width: auto; right: 0; }
    .i_service_item, .i_gk_item { width: 100%; height: auto; padding-bottom: 20px; }
    .i_gk_right { float: none; width: 100%; }
}

.sub_content { background: #fff5e9 url(../images/one_bg.jpg) top center repeat-y; display: inline-block; width: 100%; padding: 20px 0; }
.left_nav { width: 240px; float: left; min-height: 900px; }
.left_nav .nav_top { display: none; width: 240px; height: 110px; line-height: 100px; background: url(../images/left_nav_t.png) no-repeat; font-size: 30px; font-weight: bold; color: #fff; text-align: center; }
.left_nav .nav_list { width: 200px; padding: 10px; background-color: #fff; height: auto; min-height: 800px; margin: -11px auto 0; }
.left_nav .nav_list ul li { padding-left: 20px; height: 44px; line-height: 44px; font-size: 18px; background-color: #f0f0f0; }
.left_nav .nav_list ul li a { color: #333; }
.left_nav .nav_list ul li a:hover { color: #bc915a; }
.left_nav .nav_list .sub_nav { margin: 5px 0; }
.left_nav .nav_list .sub_nav li { font-size: 14px; background-color: #fff; height: 35px; line-height: 35px; }
.left_nav .nav_list .sub_nav li.on a, .left_nav .nav_list .sub_nav li a:hover { color: #bc915a }
.left_nav .nav_list ul li.curr { background: #bc915a url(../images/nav_curr.png) center right no-repeat; }
.left_nav .nav_list ul li.curr a { color: #fff; }

.right_con { padding: 20px 40px 40px; width: 840px; float: right; background-color: #fff; min-height: 870px; position: relative; padding-bottom: 30px; }
.con_box { display: inline-block; width: 100% }
.position { color: #666; }
.position a { color: #666; font-size: 14px; }
.position a:hover { color: #bc915a; }
.con_item h1 { color: #333; font-size: 30px; font-weight: normal; text-align: center; margin: 60px 0 20px 0; }
.con_item .info { color: #999; font-size: 14px; text-align: center; margin: 0 0 20px 0; }
.i_time { margin-right: 20px; }
.i_view, .i_collect { width: 75px; height: 20px; background-position: 3px 3px; color: #bc915a; cursor: pointer; }
.i_collect { background-position: 3px -22px; }
.con_content { font-size: 16px; color: #333; line-height: 32px; margin-top: 20px; }
.con_content img { max-width: 100%; }
.con_content h2 { padding: 20px 0; }
.hdp_box { width: 640px; height: 380px; font-size: 14px; position: relative; margin: 10px auto; }
.hdp_box a.control { position: absolute; display: block; top: 38%; width: 44px; height: 80px; cursor: pointer; z-index: 2; background: url(../images/hdp_jt.png) no-repeat }
.hdp_box a.prev { left: -60px; background-position: -1px -1px; }
.hdp_box a.next { right: -60px; background-position: -54px 0 }
.hdp_box a.prev:hover { background-position: 0 -100px }
.hdp_box a.next:hover { background-position: -54px -100px }
.slider { display: none }
.table { width: 100%; }
.table tr th, .table tr td { height: 40px; line-height: 40px; background-color: #bc915a; font-size: 14px; color: #fff; }
.table tr td { background-color: #fff; color: #666; text-align: center; border-bottom: 1px solid #e2e2e2; }
.table tr:nth-child(odd) td { background-color: #fafafa; color: #666; text-align: center; border-bottom: 1px solid #e2e2e2; }

.search_box { width: 100%; height: 50px; margin: 0 auto; padding: 0 0 20px 0; }
.search_box .input_box { display: block; float: left; }
.search_box .input_box .s_input { padding: 0 5px 0; height: 40px; line-height: 40px; width: 280px; border: 1px solid #e2e2e2; font-size: 14px; }
.search_box .submit_box .s_submit { border: 0; width: 80px; height: 42px; background-color: #bc8743; font-size: 18px; color: #fff; outline: 0; cursor: pointer; }
.search_box .submit_type { float: left; }
.search_box .submit_type .s_select { width: 100px; height: 42px; font-size: 18px; color: #333; outline: 0; cursor: pointer; background: #f0f0f0; border: 1px solid #e2e2e2; border-left: 0; padding-left: 20px; }
.search_box .submit_box .s_submit_icon { border: 0; width: 100px; height: 42px; font-size: 18px; color: #fff; outline: 0; cursor: pointer; background: #bc8743 url(../images/bg.png) 18px -117px no-repeat; padding-left: 20px; margin-left: 10px; }
.search_sub { border: 1px solid #e2e2e2; background-color: #fafafa; padding: 20px; height: 100px; }
.search_sub ul li { width: 33.33%; float: left; }
.search_sub ul li p { display: inline-block; font-size: 14px; color: #333; margin-right: 10px; }
.sub_input { border: 1px solid #e2e2e2; height: 30px; line-height: 30px; font-size: 14px; padding: 0 5px; display: inline-block; }
.form_sub { clear: both; padding-top: 30px; }
.sub_reset { border: 1px solid #e2e2e2; height: 30px; line-height: 30px; font-size: 14px; border-radius: 30px; width: 120px; background-color: #fff; cursor: pointer; }

.content_img { }
.content_img ul li { float: left; width: 195px; margin-right: 20px; margin-bottom: 15px; }
.content_img ul li img { width: 195px; height: 140px; }
.content_img ul li:nth-of-type(4n) { margin-right: 0; }
.content_img ul li p { font-size: 14px; color: #333; text-align: center; min-height: 70px; }
.content_img ul li:hover p { color: #bc915a; }
.content_img ul li span { font-size: 14px; color: #999; line-height: 24px; text-align: center; }

.search_result { border: 1px solid #e2e2e2; background-color: #fafafa; padding: 10px 20px; margin-top: 20px; }
.search_result h3 { font-size: 14px; }
.result_box { }
.result_table { width: 100%; }
.result_table tr th, .result_table tr td { height: 35px; line-height: 35px; font-size: 16px; text-align: left; border-bottom: 1px solid #e2e2e2; }
.result_table tr th:nth-of-type(3n) { width: 120px; }
.result_table tr td { color: #333; border-bottom: 0; font-size: 14px; }
.result_table tr:hover td, .result_table tr:hover td a { color: #bc915a }


/*列表分页页*/
.pages { clear: both; height: 50px; padding-top: 20px; overflow: hidden; }
.pages span, .pages a { padding: 0 10px; line-height: 28px; display: inline-block; height: 28px; font-size: 14px; vertical-align: middle; margin-right: 5px; background: #fafafa; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer; }
.pages span.unpage { background: #bc915a; color: #fff; border: 1px solid #bc915a; }
.pages a:hover { background: #bc915a; line-height: 28px; height: 28px; text-decoration: none; color: #fff; border: 1px solid #bc915a; }
.pages a.cur, .page a.cur:hover { background: #89c31f; height: 28px; line-height: 28px; color: #fff; }
.pages .jumppage { font-size: 14px; display: inline-block; margin-left: 10px; }
.page_jump { height: 28px; width: 28px; line-height: 30px; border: 1px solid #e2e2e2; border-radius: 3px; text-align: center; font-size: 14px; margin: 0 10px; }
.submit_jump { height: 30px; width: 30px; border: 1px solid #e2e2e2; border-radius: 3px; text-align: center; font-size: 14px; margin: 0 10px; background-color: #fff; cursor: pointer; }

@media screen and (max-width: 1024px) {
    .pages { height: auto; }
    .pages span, .pages a { margin-right: 5px; margin-bottom: 8px; }
}

@media screen and (max-width: 1024px) {
    .sub_content { padding-top: 100px; background: none; min-height: auto; }
    .left_nav { width: 100%; float: none; min-height: auto }
    .left_nav .nav_top { width: 100%; background: #bc915a url(../images/left_nav_t.png) no-repeat; display: none; }
    .left_nav .nav_list { width: 100%; min-height: auto; margin: -11px auto 0; }
    .right_con { width: 100%; float: none; min-height: auto; padding: 10px; }
    .con_item h1 { margin: 20px 0; }
    .hdp_box { width: 100%; height: auto; overflow: hidden; }
    .hdp_box a.prev { left: 10px; background-position: -1px -1px; }
    .hdp_box a.next { right: 10px; background-position: -54px 0 }
    .i_time { margin-right: 15px; }
    .i_view, .i_collect { width: 70px; }

    .search_box .input_box { width: 45%; }
    .search_box .input_box .s_input { width: 100%; }
    .search_box .submit_box .s_submit { height: 38px; }
    .content_img { display: inline-block; }
    .content_img ul li { float: left; width: 50%; margin-right: 0; }
    .content_img ul li img { width: 98%; height: 140px; }
    .search_result { border: 1px solid #e2e2e2; background-color: #fafafa; padding: 10px 20px; margin-top: 20px; }
    .search_result h3 { font-size: 14px; }
    .search_box .submit_type .s_select { height: 40px; padding-left: 10px; width: 70px; }
    .search_box .submit_box .s_submit_icon { height: 40px; width: 80px; margin-left: 8px; background: #bc8743 url(../images/bg.png) 10px -117px no-repeat; padding-left: 15px }
    .search_sub { height: 180px; }
    .search_sub ul li { width: 100%; }
    .search_sub ul li p { width: 60px; text-align: right; }
    .sub_input { width: 70%; }
    .form_sub { clear: both; padding-top: 10px; }
    .result_table { width: 100%; }
    .result_table tr th, .result_table tr td { height: 35px; line-height: 35px; font-size: 16px; text-align: left; border-bottom: 1px solid #e2e2e2; }
    .result_table tr th:nth-of-type(3n) { width: 80px; }
    .result_table tr td { color: #333; border-bottom: 0; font-size: 14px; }
    .result_table tr:hover td, .result_table tr:hover td a { color: #bc915a }
}

.zyz_box { padding: 30px 0; }
.zyz_box p { font-size: 18px; color: #333; display: inline-block; }
.zyz_select { width: 100px; height: 36px; font-size: 16px; color: #333; outline: 0; cursor: pointer; background: #f0f0f0; padding: 0 20px; border: 0; }
.zyz_list { }
.zyz_list ul li { width: 14.2%; line-height: 40px; float: left; text-align: center; }
.zyz_list ul li a { font-size: 14px; }

@media screen and (max-width: 1024px) {
    .zyz_list { padding-bottom: 20px; display: inline-block; }
    .zyz_list ul li { width: 25%; min-width: 80px; }
}

.zl_list { }
.zl_address, .zl_price, .zl_view, .zl_xin { background-position: 1px -164px; width: 25px; height: 21px; position: relative; top: 5px; }
.zl_price { background-position: 0px -194px; top: 5px; }
.zl_view { background-position: 1px -222px; }
.zl_xin { background-position: 1px -253px; }
.zl_list { margin-top: 30px; }
.zl_list ul li { width: 260px; float: left; border: 1px solid #fff; padding-bottom: 10px; margin: 0 27px 20px 0; }
.zl_list ul li:nth-of-type(3n) { margin-right: 0; }
.zl_list ul li:hover { border: 1px solid #bc915a; }
.zl_list ul li h1 { font-size: 18px; margin: 0; padding: 10px; text-align: left; overflow: hidden; }
.zl_list ul li p { font-size: 14px; color: #999; display: block; clear: both; line-height: 30px; padding: 0 10px; }
.zl_list ul li span { font-size: 14px; color: #999; padding: 0 10px; }
.zl_list ul li img { width: 260px; height: 200px; }
.zl_web { width: 840px; height: 500px; overflow: hidden; }
.zl_web img { width: 840px; height: 500px; }
.con_ls { width: 840px; text-align: center; padding: 20px 0; }
#four_flash { position: relative; width: 840px; height: 180px; margin: 0 auto; }
#four_flash .flashBg { width: 830px; height: 180px; position: relative; overflow: hidden; }
#four_flash .flashBg ul.mobile { width: 2000%; height: 180px; position: absolute; top: 0; left: 0; }
#four_flash .flashBg ul.mobile li { float: left; width: 280px; height: 180px; }
#four_flash .flashBg ul.mobile li img { width: 270px; height: 180px; display: block; }
#four_flash .but_left { width: 36px; height: 180px; position: absolute; top: 0; left: 0; cursor: pointer; }
#four_flash .but_right { width: 36px; height: 180px; position: absolute; top: 0; right: 10px; cursor: pointer; }


@media screen and (max-width: 1024px) {
    .zl_list { padding-bottom: 20px; display: inline-block; }
    .zl_list ul li { width: 100%; margin: 0 0 20px 0; }
    .zl_list ul li:nth-of-type(3n) { margin-right: 0; }
    .zl_list ul li img { width: 100%; height: auto; }
    .zl_web { width: 100%; height: auto; }
    .zl_web img { width: 100%; height: auto; }

    #four_flash { position: relative; width: 300px; height: 180px; margin: 0 auto; }
    #four_flash .flashBg { width: 300px; height: 180px; margin: 0 auto; position: relative; overflow: hidden; }
    #four_flash .flashBg ul.mobile { height: 180px; }
    #four_flash .flashBg ul.mobile li img { width: 280px; height: 180px; display: block; margin: 0 auto; }
    #four_flash .but_right { right: 0; }
}

.yy_nav { margin-top: 30px; }
.yy_nav li { float: left; width: 180px; height: 45px; line-height: 45px; font-size: 18px; overflow: hidden; clear: none; text-align: center; background-color: #f0f0f0; cursor: pointer; margin-right: 20px; }
.yy_nav .curr { background-color: #bc915a; color: #fff; }
.yy_nav .curr a { color: #fff; }
.yy_nav .curr a:hover { color: #fff; }
.yy_nav a:hover { color: #333; }
.yy_main { padding: 15px 0 0 0; clear: both; width: 80%; }
.yy_h1 { font-size: 22px; text-align: center; padding: 20px 0; }
.yy_main li { clear: both; height: 50px; }
.yy_main li p { width: 80px; font-size: 16px; float: left; line-height: 30px; margin: 0; }
.yy_form { float: left; }
.yy_form .yy_item { padding: 8px 0; position: relative; }
.yy_form .yy_item span { display: inline-block; position: absolute; top: 9px; margin-left: 10px; }
.yy_form .yy_item span img { height: 37px; }
.yy_form .yy_item p { display: inline-block; font-size: 18px; width: 200px; text-align: right; vertical-align: top; }
.yy_input { padding: 0 5px 0; height: 35px; line-height: 35px; background-color: #fafafa; width: 360px; border: 1px solid #e2e2e2; border-radius: 2px; font-size: 16px; }
.yy_select { padding: 0 5px 0; height: 35px; line-height: 35px; background-color: #fafafa; width: 372px; border: 1px solid #e2e2e2; font-size: 16px; }
.yy_textarea { padding: 0 5px 0; height: 90px; line-height: 25px; background-color: #fafafa; width: 360px; border: 1px solid #e2e2e2; font-size: 16px; }
.yy_submit { font-size: 18px; color: #999; border: 0; outline: 0; line-height: 35px; width: 200px; background-color: #fafafa; border: 1px solid #e2e2e2; border-radius: 2px; }
.ren_list { clear: both; }
.ren_list h2 { font-size: 18px; color: #333; border-bottom: 1px solid #e2e2e2; padding: 10px 0; margin-bottom: 10px; }
.ren_list .yy_add { cursor: pointer; cursor: pointer; position: absolute; top: 15px; right: 0px; width: 50px; height: 25px; display: block; display: block; background-color: #bc915a; color: white; line-height: 25px; text-align: center; }
.ren_list .yy_table { width: 100%; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; }
.ren_list .yy_table tr td { height: 40px; line-height: 40px; font-size: 14px; background-color: #fff; color: #666; text-align: center; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.ren_list .yy_table tr:nth-child(odd) td { background-color: #fafafa; color: #666; text-align: center; border-bottom: 1px solid #e2e2e2; }

.visitUserBox { display: none; width: 80%; margin-top: 20px; }
.visitUserBox .layui-form-label { font-size: 16px; width: 100px; }
.visitUserBox .layui-input-block { margin-left: 130px; }

@media screen and (max-width: 1024px) {
    .yy_form .yy_item span { top: 40px; }
    .yy_nav li { width: 40%; }
    .yy_main { width: 100%; }
    .yy_input, .yy_select, .yy_textarea { width: 90%; }
    .yy_form .yy_item p { margin-bottom: 10px; text-align: left; }
}

.fw_nav { border-bottom: 1px solid #e2e2e2; height: 40px; line-height: 40px; margin: 20px 0; }
.fw_nav h2 { font-size: 20px; border-bottom: 2px solid #bc915a; display: inline-block; }
.fw_img { display: inline-block; }
.fw_img ul li { float: left; height: 200px; margin-right: 20px; }
.fw_img ul li:nth-of-type(2n) { margin-right: 0; }
.fw_img .fw_pic { width: 180px; float: left; }
.fw_img .fw_pic img { width: 180px; height: 180px; }
.fw_img .fw_text { margin-left: 20px; display: inline-block; }
.fw_img .fw_text h2 { font-size: 18px; padding: 10px 0; }
.fw_img .fw_text p { font-size: 14px; line-height: 28px; }
.fw_yybtn { background-color: #bc915a; font-size: 14px; color: #fff; text-align: center; width: 100px; height: 35px; line-height: 35px; display: inline-block; border-radius: 3px; margin-top: 10px; }
.fw_yybtn:hover { color: #fff; }
.map_nav { background-color: #bc915a; font-size: 18px; color: #fff; text-align: center; width: 180px; height: 45px; line-height: 45px; display: block; border-radius: 5px; margin-top: 10px; margin: 0 auto; cursor: pointer; }
.map_nav:hover { color: #fff; }
.xs_yybtn { background-color: #f0f0f0; font-size: 14px; color: #333; text-align: center; width: 80px; height: 32px; line-height: 32px; display: inline-block; border-radius: 3px; }

@media screen and (max-width: 1024px) {
    .fw_img ul li { float: none; margin-right: 0; height: 180px; }
    .fw_img .fw_pic { width: 45%; }
    .fw_img .fw_pic img { width: 100%; height: auto; }
    .fw_img .fw_text { margin-left: 0; width: 50%; overflow: hidden; display: inline-block; float: right; }
    .fw_img .fw_text p { line-height: 20px; white-space: nowrap; }
}

.ly_list { margin-top: 30px; }
.ly_item { border: 1px solid #e2e2e2; padding: 15px; margin-bottom: 15px; }
.ly_item p { font-size: 14px; line-height: 30px; }
.ly_item p.hui { color: #999; }
.ly_huifu { color: #999; background-color: #fafafa; padding: 10px; }

.gk_list { }
.gk_view, .gk_zan { background-position: 1px -164px; width: 25px; height: 21px; position: relative; top: 5px; }
.gk_zan { background-position: 0px -285px; top: 5px; }
.gk_view { background-position: 1px -318px; }
.gk_list { margin-top: 30px; }
.gk_list ul li { width: 260px; float: left; border: 1px solid #e2e2e2; background-color: #fafafa; padding-bottom: 10px; margin: 0 27px 20px 0; position: relative; }
.gk_list ul li .gk_play { position: absolute; top: 24%; left: 39%; }
.gk_list ul li .gk_play img { width: 48px; height: 48px; }
.gk_list ul li:nth-of-type(3n) { margin-right: 0; }
.gk_list ul li:hover { border: 1px solid #bc915a; }
.gk_list ul li h1 { font-size: 18px; margin: 0; padding: 5px 10px; text-align: left; overflow: hidden; }
.gk_list ul li p { font-size: 14px; color: #999; display: block; clear: both; line-height: 30px; padding: 0 10px; }
.gk_list ul li span { font-size: 14px; color: #bc915a; padding: 0 10px; }
.gk_list ul li img { width: 260px; height: 180px; }

@media screen and (max-width: 1024px) {
    .gk_list ul li { width: 96%; }
    .gk_list ul li .gk_play { top: 32%; left: 39%; }
    .gk_list ul li img { width: 100%; height: auto; }
}

.all_con { background-color: #fff; min-height: 500px; }
.link_box { padding: 80px 150px; }
.link_box p { font-size: 24px; color: #333; margin-bottom: 15px; }
.link_box .link_item { margin-bottom: 30px; }
.link_box .link_item a { font-size: 18px; margin-right: 20px; }

@media screen and (max-width: 1024px) {
    .link_box { padding: 10px; }
}

.zt_nav { margin-top: 30px; }
.zt_nav li { float: left; padding: 0 30px; height: 43px; line-height: 43px; font-size: 18px; overflow: hidden; clear: none; text-align: center; font-weight: bold; cursor: pointer; margin-right: 20px; border: 1px solid #999; }
.zt_nav .curr { background-color: #fff; border: 1px solid #bc915a; color: #bc915a; }
.zt_nav .curr a { color: #bc915a; }
.zt_nav a { color: #999; }
.zt_main { padding: 15px 0 0 0; clear: both; }

.wc_list { margin-top: 20px; }
.wc_list ul li { width: 260px; float: left; border: 1px solid #e2e2e2; background-color: #fafafa; padding-bottom: 10px; margin: 0 27px 20px 0; position: relative; }
.wc_list ul li img { width: 260px; height: 180px; }
.wc_list ul li:nth-of-type(3n) { margin-right: 0; }
.wc_list ul li:hover { border: 1px solid #bc915a; }
.wc_list ul li h1 { font-size: 18px; margin: 0; padding: 5px 10px; text-align: left; overflow: hidden; }
.wc_list ul li p { font-size: 16px; font-weight: bold; color: #bc915a; display: inline-block; line-height: 30px; padding: 0 10px; float: right; }
.buy_a { display: inline-block; font-size: 14px; padding-left: 10px; line-height: 30px; }

@media screen and (max-width: 1024px) {
    .wc_list { margin-top: 10px; }
    .zt_nav li { padding: 0 8px; margin-right: 8px; }
    .wc_list ul li { width: 100%; }
    .wc_list ul li img { width: 100%; height: auto; }
}

.cbw_box { margin-top: 30px; }
.cbw_pic { width: 180px; display: inline-block; margin-right: 20px; float: left; }
.cbw_pic img { width: 180px; height: auto; }
.cbw_text p { font-size: 18px; margin-bottom: 20px; }
.cbw_jj { display: inline-block; }
.cbw_jj p { font-size: 14px; line-height: 28px; }

@media screen and (max-width: 1024px) {
    .cbw_pic { width: 160px; margin-right: 10px }
    .cbw_pic img { width: 160px; height: auto; }
    .cbw_text p { font-size: 14px; margin-bottom: 10px; }
}

.float_er { }
.float_x { position: relative; right: 13px; top: -140px; float: right; cursor: pointer; }
.foot_down_a { color: #fff; border: 1px solid #fff; border-radius: 3px; padding: 3px 5px; }
.foot_down_a:hover { color: #fff; }
.footer { background-color: #bc915a; height: 300px; width: 100%; clear: both; display: inline-block; }
.footer .footer_left { float: left; display: inline-block; width: 650px; margin-top: 50px; }
.footer .footer_left img { display: inline-block; float: left; }
.footer .footer_left .foot_info { font-size: 14px; color: #fff; line-height: 30px; position: relative; top: 10px; left: 20px; }
.footer .footer_right { float: right; display: inline-block; margin-top: 30px; text-align: center; }
.footer .footer_right .foot_er { }
.footer .footer_right .foot_er ul li { float: left; width: 124px; height: 120px; background: url(../images/foot_k.png) no-repeat; text-align: center; padding-top: 6px; margin: 10px 3px; }
.footer .foot_link { clear: both; font-size: 14px; line-height: 30px; }
.footer .foot_link p { display: inline-block; color: #fff; }
.footer .foot_link a { display: inline-block; color: #fff; padding: 0 10px; }
.footer .foot_link a:hover { color: blue; }

@media screen and (max-width: 1024px) {
    .footer { width: 100%; height: auto; }
    .footer .footer_left { float: none; width: 100%; margin-top: 20px; }
    .footer .footer_left img { display: block; float: none; margin: 0 auto; }
    .footer .footer_left .foot_info { position: inherit; top: 0; left: 0; padding: 10px; }
    .footer .footer_right { float: none; display: block; margin-top: 10px; text-align: center; }
    .footer .footer_right .foot_er { }
    .footer .footer_right .foot_er ul li { float: none; display: inline-block; }
    .footer .foot_link { padding: 10px; }
    .footer .foot_link p { display: block; }
    .footer .foot_link a { display: inline-block; color: #fff; padding: 0 10px; }
    .footer .foot_link a:hover { color: #bc8743; }
    .float_er { display: none; }
}

.theme-popover-mask { z-index: 9998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); display: none }
.theme-popover { z-index: 9999; position: fixed; top: 50%; left: 50%; width: 660px; height: 400px; margin: -180px 0 0 -330px; border-radius: 5px; border: solid 2px #666; background-color: #fff; display: none; box-shadow: 0 0 10px #666; }
.theme-poptit { padding: 15px; position: relative; background-color: #ebf5ea; height: 20px; }
.theme-poptit1 { padding: 15px; position: relative; }
.theme-poptit .close, .theme-poptit1 .close { float: right; color: #999; padding: 5px; margin: -2px -5px -5px; font: bold 14px/14px simsun; text-shadow: 0 1px 0 #ddd; position: absolute; right: 15px; top: 15px; }
.theme-poptit .close:hover, .theme-poptit1 .close:hover { color: #444; }
.dform { padding: 10px; text-align: center; height: 340px; }


/* loading */
.xloading { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999999999; }
.loading-mask { position: absolute; width: 100%; height: 100%; background-color: #ccc; opacity: 0.3; filter: alpha(opacity=30); }
.loading-info { width: 144px; height: 44px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -75px; background-color: #fff; border: 2px solid #B5D4F3; font-size: 14px; color: #666; }
.loading-info i { display: inline-block; float: left; width: 24px; height: 24px; background: url(images/loading.gif) no-repeat; margin: 10px 15px; }
.loading-info span { display: inline-block; float: left; margin-top: 10px; }



.on { background: #bc915a !important; color: #fff !important; border: 1px solid #bc915a !important; }


@media screen and (min-width: 1025px) {
    .top_box, .one_box, .two_box, .three_box, .footer { min-width: 1200px; }
    #bigbigimagebox { min-width: 1200px !important; }
}